<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>订单详情</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../css/back-index.css" />
    <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bootstrap-paginator.js"></script>
    <script src="../js/bootstrap-mypaginator.js"></script>
    <style>
        .img {
            height: 100px;
        }
        tr td {
            padding: 0px !important;
            line-height: 100px !important;
        }
    </style>
</head>

<body>
    <div class="panel panel-default">
        <div class="panel-heading" style="height: 120px;">
            <h3 class="panel-title">订单详情</h3>
            <div style="font-size: 18px;display: inline-block;margin-right: 10px;" ><span>订单编号: </span><span class="text-danger" >itany20190808123456</span></div>
            <div style="font-size: 18px;display: inline-block;" ><span>订单总价: </span><span class="text-danger" >￥125.85</span></div>
        </div>
        <div class="panel-body">
            <div class="show-list">
                <table class="table table-bordered table-hover" style="text-align: center;">
                    <thead>
                        <tr class="text-danger">
                            <th class="text-center">序号</th>
                            <th class="text-center">商品名称</th>
                            <th class="text-center">图片</th>
                            <th class="text-center">单价</th>
                            <th class="text-center">数量</th>
                            <th class="text-center">总价</th>
                        </tr>
                    </thead>
                    <tbody id="tb">
                        <tr>
                            <td>1</td>
                            <td>Java基础入门</td>
                            <td><img class="img" src="../images/java-base.png" alter="no image" /></td>
                            <td>￥49.8</td>
                            <td>1</td>
                            <td>￥49.8</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>JavaScript基础教程</td>
                            <td><img class="img" src="../images/java-base.png" alter="no image" /></td>
                            <td>￥58.9</td>
                            <td>1</td>
                            <td>￥58.9</td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</body>

</html>